<template>
    <a-list item-layout="horizontal" :data-source="users">
      <template #renderItem="{ item }">
        <a-list-item>
          <a-list-item-meta
            :description="`加入时间: ${item.joinTime}`"
          >
            <template #title>
              <a @click="javaScript;void(0);">{{ item.nickname }}</a>
            </template>
            <template #avatar>
              <a-avatar :src="item.avatar" />
            </template>
          </a-list-item-meta>
        </a-list-item>
      </template>
    </a-list>
  </template>
  <script setup>
  // 定义props
  const props = defineProps({
    users: {
      type: Array,
      default: () => []
    }
  });
  </script>